<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link href="css/common.css" rel="stylesheet" type="text/css"/>
<link href="css/product.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/common.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	<script src="js/damai.js"></script>
<title>大麦商城</title>
</head>
<body>
<div id="app">
	<damai>
		<div class="container productContent">
			<category></category>
			<div class="span18 last">

				<div class="productImage">
					<a title="" style="outline-style: none; text-decoration: none;" id="zoom" href="http://image/r___________renleipic_01/bigPic1ea8f1c9-8b8e-4262-8ca9-690912434692.jpg" rel="gallery">
						<div class="zoomPad">
							<img style="opacity: 1;" title="" class="medium" :src="product.image">
							<div style="display: block; top: 0px; left: 162px; width: 0px; height: 0px; position: absolute; border-width: 1px;" class="zoomPup"></div>
							<div style="position: absolute; z-index: 5001; left: 312px; top: 0px; display: block;" class="zoomWindow">
								<div style="width: 368px;" class="zoomWrapper">
									<div style="width: 100%; position: absolute; display: none;" class="zoomWrapperTitle"></div><div style="width: 0%; height: 0px;" class="zoomWrapperImage"><img src="%E5%B0%9A%E9%83%BD%E6%AF%94%E6%8B%89%E5%A5%B3%E8%A3%852013%E5%A4%8F%E8%A3%85%E6%96%B0%E6%AC%BE%E8%95%BE%E4%B8%9D%E8%BF%9E%E8%A1%A3%E8%A3%99%20%E9%9F%A9%E7%89%88%E4%BF%AE%E8%BA%AB%E9%9B%AA%E7%BA%BA%E6%89%93%E5%BA%95%E8%A3%99%E5%AD%90%20%E6%98%A5%E6%AC%BE%20-%20Powered%20By%20Mango%20Team_files/6d53c211-2325-41ed-8696-d8fbceb1c199-large.jpg" style="position: absolute; border: 0px none; display: block; left: -432px; top: 0px;"></div></div></div><div style="visibility: hidden; top: 129.5px; left: 106px; position: absolute;" class="zoomPreload">Loading zoom</div></div>
					</a>

				</div>
				<div class="name">{{product.pname}}</div>
				<div class="sn">
					<div>编号：{{product.pid}}</div>
				</div>
				<div class="info">
					<dl>
						<dt>商城价:</dt>
						<dd>
							<strong>￥：{{product.shopPrice}}元/份</strong>
							参 考 价：
							<del>￥{{product.marketPrice}}元/份</del>
						</dd>
					</dl>
					<dl>
						<dt>促销:</dt>
						<dd>
							<a title="限时抢购 (2014-07-30 ~ 2015-01-01)">限时抢购</a>
						</dd>
					</dl>
					<dl>
						<dt>    </dt>
						<dd>
							<span>    </span>
						</dd>
					</dl>
				</div>
				<div class="action">
					<form action="cart.html" method="post">
						<input type="hidden" name="pid" value="1"/>
						<dl class="quantity">
							<dt>购买数量:</dt>
							<dd>
								<input id="quantity" name="count" v-model="cart.count" maxlength="4" onpaste="return false;" type="text">
								<div>
									<span id="increase" class="increase" @click="cart.count++"></span>
									<span id="decrease" class="decrease" @click="cart.count-=cart.count==1?0:1"></span>
								</div>
							</dd>
							<dd>
								件
							</dd>
						</dl>
						<div class="buy">
							<input id="addCart" @click.prevent="add" class="addCart" value="加入购物车" type="submit">
						</div>
					</form>
				</div>
				<div id="bar" class="bar">
					<ul>
						<li id="introductionTab">
							<a href="#introduction">商品介绍</a>
						</li>

					</ul>
				</div>

				<div id="introduction" name="introduction" class="introduction">
					<div class="title">
						<strong>商品介绍</strong>
					</div>
					<div>
						{{product.pdesc}}
						<br /><br />
						<img :src="product.image" align="middle"/>
					</div>
				</div>



			</div>
		</div>
	</damai>
</div>
<script>
	var v=new Vue({
		el:"#app",
		data:{
			product:{},
			cart:{count:1,pid:0}
		},
		created(){
			axios.get("/product/findById"+location.search).then(res=>{
				this.product=res.data;
			});

		},
		methods:{
			add(){
				//设置pid	location.search=>?pid=xxx
				let pid =location.search.substring(5);
				this.cart.pid=pid;
				axios.post("/cart/add",this.cart).then(res=>{
					if(res.data.code==1){
						location.href="/cart.html";
					}
				})


			}
		}
	})
</script>
</body>
</html>